<template>
    <div class="device-info-page">
        <div class="device-info-item">
            <span class="device-info-name">主机名称</span>
            <span class="device-info-value" id="code-value">{{ infodata.name }}</span>
        </div>
        <div class="device-info-item">
            <span class="device-info-name">安裝位置</span>
            <span class="device-info-value" id="code-value">{{ infodata.userAddress }}</span>
        </div>
        <div class="device-info-item">
            <span class="device-info-name">负责人</span>
            <span class="device-info-value" id="code-value">{{ infodata.linkMan }}</span>
        </div>
        <div class="device-info-item">
            <span class="device-info-name">联系方式</span>
            <span class="device-info-value" id="code-value">{{ infodata.linkNumber }}</span>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            infodata: {
                type: Object,
            },
        },
        
    }
</script>

<style lang="stylus" scoped>
    .device-info-page
        width 100%
        border-radius: 0.1rem
        padding 0 0.3rem
        box-sizing border-box
        background-color #ffffff
        box-shadow 0.04rem 0.04rem 0 0  rgba(0, 0, 0, 0.1)
    .device-info-item
        display flex
        justify-content space-between
        height 0.7rem
        line-height 0.7rem
        border-bottom 1px solid rgba(140, 137, 132, 0.8)
        font-size 0.24rem

        .device-info-name
            font-weight bold

        &:last-child
            border-bottom 0
</style>
